import React, { useRef } from 'react'
import { Button, Space, Swiper, Toast } from 'antd-mobile'
import { Outlet, Route, Routes, useNavigate, useRoutes } from 'react-router-dom';
import './App.css'
import tu1 from './img/1.png'
import tu2 from './img/2.png'
import tu3 from './img/3.png'
import tu4 from './img/4.png'
import tu5 from './img/5.png'
import tu6 from './img/6.png'
import Home from './path/home/Index'
import Eniter from './path/eniter/Index'
import Tabber from './components/Tab/Tabber';

function App() {
  // const navigate = useNavigate();

  // const GetL=()=>(
  //    <Swiper>
  //       <Swiper.Item>
  //         <img src={tu1} alt="" className='content' />
  //       </Swiper.Item>
  //       <Swiper.Item>
  //         <img src={tu2} alt="" className='content' />
  //       </Swiper.Item>
  //       <Swiper.Item>
  //         <img src={tu3} alt="" className='content' />
  //       </Swiper.Item>
  //       <Swiper.Item>
  //         <img src={tu4} alt="" className='content' />
  //       </Swiper.Item>
  //       <Swiper.Item>
  //         <img src={tu5} alt="" className='content' />
  //       </Swiper.Item>
  //       <Swiper.Item>
  //         <div>
  //           <img src={tu6} alt="" className='content' />
  //           <Button
  //             size='small'
  //             color='primary'
  //             onClick={() => navigate('/home')}
  //             className='btn'
  //           >
  //             点击进入
  //           </Button>
  //         </div>
  //       </Swiper.Item>
  //     </Swiper>
  // )
  return (
    <div>
      {/* <Routes>
        <Route path='/' element={<GetL />}></Route>
      </Routes> */}
      <Outlet></Outlet>
      <Tabber></Tabber>
    </div>

  )
}

export default App
